<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form action="">
      <span>你爱好的运动是</span>
      <input type="checkbox" name="sportAll" id="0" class="checkAll" />
      <label for="0">全选/全不选（全选自动勾选）</label>
      <br />
      <input type="checkbox" name="football" id="1" class="cks" />
      <label for="1">足球</label>
      <input type="checkbox" name="basketball" id="2" class="cks" />
      <label for="2">篮球</label>
      <input type="checkbox" name="badminton" id="3" class="cks" />
      <label for="3">羽毛球</label>
      <input type="checkbox" name="pingpong" id="4" class="cks" />
      <label for="4">乒乓球</label>
      <br />
      <input type="button" value="全选" class="btnAll" />
      <input type="button" value="全不选" class="btnDisAll" />
      <input type="button" value="反选" class="positive" />
      <button class="postPrint">提交并打印</button>
    </form>
    <br />
    <button class="guangZhou">创建一个广州节点</button>
    <button class="beiJing">创建一个北京节点</button>
    <button class="shangHai">创建一个上海节点</button>
    <button class="siChuan">创建一个四川节点</button>
    <button class="shenZhen">创建一个深圳节点</button>
    <br />
    <button class="gPreB">将广州节点插入到北京前面</button>
    <br />
    <button class="gRepB">使用广州节点替换北京节点</button>
    <br />
    <button class="gDel">删除广州节点</button>
    <br />
    <button class="readCity">读取当前城市列表结构</button>
    <br />
    <button class="readBjing">读取北京内的节点</button>
    <div class="second">
      <ul></ul>
    </div>
  </body>
</html>
